<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vuejs测试</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<!--       定义视图（view）-->
<div id="app">
    <br/>
    <!-- 插值表达式: 算术运算符 -->
    {{(100 + 100 - 20) * 10 / 20}}
    <br/>
    <!-- 插值表达式: 三目运算符 -->
    {{100 > 50 ? '大于50' : '小于50'}}
</div>

<!--vue的代码-->
<script type="text/javascript">
    // vue实例
    // vue函数需要接受一个参数，配置信息对象json对象
    var vue = new Vue({
        el: '#app',    // element,指定vue需要渲染的html元素
        data: {        // 数据对象(数据模型 model)
            message: "vue.js入门"
        }
    });

</script>
</body>
</html>